<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <link rel="icon" type="text/css" href="img/favicon.ico">
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/product_list.css">
</head>
<body>
    <!--网页头部-->
    <div id="userheader"></div>
    <!--内容-->
    <div id="content">
        <!--内容导航栏-->
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">家具租赁</a>
                    </li>
                    <li>
                        <a href="#">增值服务</a>
                    </li>
                    <li>
                        <a href="#">最新咨询</a>
                    </li>
                    <li>
                        <a href="#">个人中心</a>
                    </li>
                </ul>
            </div>
        </nav>
        <!--商品列表-->
        <div class="Plist">
            <div class="container">
                <div id="one">
                    <div id="centre">
                        <div class="panel panel-default">
                            <div class="panel-heading" style="height: 70px;">
                                <h4 style="line-height: 50px;">商品列表</h4>
                            </div>
                            <div class="panel-body">
                                <ul class="list-inline">
                                    <li>品牌:</li>
                                    <li><a href="#">不限</a></li>
                                    <li><a href="#" class="active">欧尚</a></li>
                                    <li><a href="#">宜家</a></li>
                                </ul>
                                <ul class="list-inline">
                                    <li>分类:</li>
                                    <li><a href="#">不限</a></li>
                                    <li><a href="#">办公家具</a></li>
                                    <li><a href="#">商业家具</a></li>
                                    <li><a href="#">居家家具</a></li>
                                </ul>
                                <ul class="list-inline">
                                    <li>租金范围:</li>
                                    <li><a href="#">不限</a></li>
                                    <li><a href="#">100~500</a></li>
                                    <li><a href="#">500~1000</a></li>
                                    <li><a href="#">1000~2000</a></li>
                                    <li class="searchPrice" style="margin-bottom: 0px;">
                                        <input type="text" class="form-control" placeholder="最低价">
                                    </li>
                                    <li class="searchPrice" style="margin-bottom: 0px;">
                                        <input type="text" class="form-control" placeholder="最高价">
                                    </li>
                                    <li class="searchPrice">
                                        <button class="btn btn-warning">确定</button>
                                    </li>
                                </ul>
                                <ul class="list-inline">
                                    <li>新旧属性:</li>
                                    <li><a href="#">不限</a></li>
                                    <li><a href="#">全新家具</a></li>
                                    <li><a href="#">非全新家具</a></li>
                                </ul>
                                <ul class="list-inline">
                                    <li>租赁方式:</li>
                                    <li><a href="#">随租随还</a></li>
                                    <li><a href="#">固定期限</a></li>
                                </ul>
                            </div>
                            <div class="panel-footer">
                                <ul class="list-inline">
                                    <li><a href="#">默认排序</a></li>
                                    <li><a href="#" class="active">租金从高到低</a></li>
                                    <li><a href="#">租金从低到高</a></li>
                                    <li>
                                        <input type="text" class="form-control" placeholder="请输入搜索内容">
                                        <b class="glyphicon glyphicon-search"></b>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--图片文字部分-->
        <div class="Listp">
            <div class="container">
                <div id="two">
                    <div class="imgFon">
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <span>
                                        <b></b>
                                    </span>
                                    <span>
                                        <b></b>
                                    </span>
                                    <span>
                                        <b></b>
                                    </span>
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="product_details.html">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="img/color/bai.png">
                                    <img src="img/color/hei.png">
                                    <img src="img/color/hong.png">
                                    <img src="img/color/huang.png">
                                    <img src="img/color/huanglv.png">
                                    <img src="img/color/mu1.png">
                                    <img src="img/color/mu2.png">
                                    <img src="img/color/lan.png">
                                    <img src="img/color/zi.png">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>

                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="imgFon">
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="imgFon">
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-4 imgO">
                            <img src="./img/ware3.jpg">
                            <div class="caption">
                                <h3>米色办公组合套装</h3>
                                <p class="Fon1">多款颜色可选 性价比超高</p>
                                <p class="Fon2">
                                    <img src="./img/btn.jpg">
                                </p>
                                <p class="Fon3">
                                    <span>¥120/套/月</span>
                                    <a href="#">
                                        <input type="button" class="btn1" value="查看详情">
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-4 imgO">
                            <div class="caption">


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--隔断底部-->
    <div id="partition"></div>
    <div id="footer"></div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootlint.js"></script>
<script src="js/common.js"></script>

<script>


</script>
</html>